<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>im在线演示案例</title>
    <meta content="im在线演示案例 " name="description">
    <meta content="im在线演示案例" name="keywords">
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <meta charset="utf-8"/>
</head>
<body>
<div>
    <div class="zone_conn">
        <input type="text" class="form-control" style="float:left;" id="inp_url"
               value="ws://127.0.0.1:7001/ws?token=dc11649d987643d4ad49c79132e1977f&appkey=sys-server"
               placeholder="连接的地址"/>
        <button type="button" id="btn_conn" class="btn btn-primary"
                style="float:left;margin-left:10px;margin-right:10px;" onclick="fun_initWebSocket();">连接
        </button>
        <button type="button" id="btn_close" class="btn btn-danger" style="float:left;" disabled="disabled"
                onclick="fun_close();">断开
        </button>
    </div>
    <div class="clearboth" style='width:430px;'>
        1、连接格式为 ws://IP或域名:端口（示例ws://127.0.0.1:7001/ws）<br/>

    </div>
    <div style="margin: 20px 20px 0 20px;">
        <div style="float: left;line-height: 30px;margin-right: 10px">选择发送的群：</div>
        <select class="form-control" style="width: 300px;" id="selectUserList">
            <option value="all">所有加入的群</option>
        </select></div>
    <div class="zone_send">
        <a id="emoji" style="position:relative;left:374px;bottom:5px;cursor:pointer;" data-toggle="popover"
           title="表情"><img style="outline-width:40px;" src="picture/huanglianwx_thumb.gif"/>表情</a>
        <textarea id="inp_send" class="form-control" style="height:100px;" placeholder="发送的内容"></textarea>
        <br/>
        <button type="button" id="btn_send" class="btn btn-info" onclick="fun_sendto();">发送（ctrl+回车）</button>

        <!--<div data-toggle="modal" data-target="#myModal" style='color:blue;line-height:30px;font-size:16px;cursor:pointer;text-decoration:underline;'><img src="picture/wexin.png" height="30" style="margin-right:10px;" />联系作者</div>-->
    </div>
    <div ><div style="margin:20px;color: red;font-size: 20px;" id="groupListHeader"></div><div id="groupList" style="position: relative;overflow: hidden;width: 100%;"></div></div>
</div>
<div style="position:absolute;top:20px;right:40px;">欢迎：<span id="session_username">admin</span> | <span
            style="cursor: pointer" onclick="logout()">退出登录</span></div>
<div style="position:absolute;top:60px;left:470px;">
    <div id="div_msgzone" class="panel panel-default">
        <div class="panel-heading">消息窗口</div>
        <div id="div_msg" class="panel-body"></div>
    </div>
</div>
<!-- Modal -->


<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="dist/js/md5.js"></script>
<script src="dist/js/common.js?v=1.3"></script>
<script src="dist/js/util.js?v=1.3"></script>
<script type="text/javascript" src="js/group.js?v=1.2"></script>

</body>
</html>
